<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>修改章节</title>
    <link rel="icon" href="../../img/logoimg.png" type="image/ico">
</head>
<link rel="stylesheet" href="../../js/kindeditor-4.1.10/themes/default/default.css"/>
<script src="../../js/kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script type="text/javascript" src="../../js/jquery-3.6.0.min.js"></script>
<body style="background: #f7f1e3;">
<form>
    <input th:value="${book.bAid}" type="hidden" name="bAid">
    <input th:value="${book.bId}" type="hidden" id="bookid" name="bId">
    <input th:value="${book.bChapterid}" type="hidden" name="bChapterid">
    <p>
        <a onclick="backurl()">>返回</a>  &nbsp;
        《<span th:text="${bookname}" th:value="${bookname}" id="bookname"></span>》 &nbsp;&nbsp;
     <font color="#666;">最新章节：<span th:text="${chaptername}"></span></font>
    </p>

    <p>
        第 <input th:value="${book.bchapternum}" id="bchapternum" name="bchapternum" onblur="checkNum()" style="border-radius: 5px; height: 30px; width: 80px;">
        章  <span id="sp1"></span>
        <input th:value="${book.bChaptername.substring(book.bChaptername.indexOf(' ') + 1)}" type="text" id="ctitle" style="border-radius: 5px; height: 30px; width: 300px;" placeholder="请输入章节名称，最多20个字"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="#" onclick="needKnow()">章节上传须知</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="button" value="确认提交" onclick="updateChapter()" style="color: #d43f3a; font-weight: bold; width: 100px; height: 30px; font-size: 18px;">
    <br><br>
    <textarea th:text="${book.BChapter}" id="content" style="font-size: 16px; font-family: 'Microsoft YaHei UI'; line-height: 30px;" rows="20" cols="100" name="bChapter"></textarea>

</p>
</form>
</body>
<script>
    function checkNum(){
        var bchapternum = $("#bchapternum").val();
        var num = /^[1-9]{1,}[0-9]*$/;
        if (num.test(bchapternum) == false){
            alert("请输入阿拉伯数字的章节序号");
            return false;
        }else {
            return true;
        }
    }
    function appenChaptername(){
        var bchapternum = $("#bchapternum").val();
        var ctitle = $("#ctitle").val();
        var bChaptername = "第" + bchapternum + "章 " + ctitle;
        $("#sp1").html("<input type='hidden' id='bChaptername' value='" + bChaptername + "' name='bChaptername'>")
    }
    function updateChapter(){
        var f1 = checkAll();
        var f2 = checkNum();
        var f3 = appenChaptername();
        if(f1 && f2){
            if (confirm("确认修改吗？")){
                $.ajax({
                    url:"updateChapter",
                    type:"post",
                    data:$("form").serialize(),
                    success:function (){
                        location.reload();
                    },error:function (){
                        alert("修改章节失败");
                    }
                })
            }
        }
    }

    function checkAll(){
        var content = $("#content").val();
        if(content.length == 0){
            alert("内容不可为空");
            return false;
        }else {
            return true;
        }
    }

    function backurl(){
        window.history.back();
    }
    function needKnow(){
        alert("墨阅小说阅读网（简称“本站”）致力于营造健康向上的原创环境，为用户提供高质量的原创作品。请所有作者发布作品时严格遵守《著作权法》《互联网信息服务管理办法》等国家相关法律法规和政策规定。\n\n" +
            "本站拒绝任何涉黄、涉赌、涉毒、涉政、涉黑等违规内容，亦禁止发布任何涉嫌抄袭、剽窃第三方等侵权内容。一经发现，本站将立即删除违规作品、停止向该作者支付稿酬，并有权要求该作者返还其已获得的稿酬，情节严重的将追究其法律责任。\n");
    }

    //富文本编辑器
    var editor;
    KindEditor.ready(function(K) {
        editor = K.create('#content', {
            cssPath : '../../js/kindeditor-4.1.10/plugins/code/prettify.css',
            //指定编辑器iframe document的CSS文件，用于设置可视化区域的样式。
            uploadJson: "../../js/kindeditor-4.1.10/jsp/upload_json.jsp",
            //指定上传文件的服务器端程序。
            fileManagerJson: "../../js/kindeditor-4.1.10/jsp/file_manager_json.jsp",
            //指定浏览远程图片的服务器端程序。
            allowFileManager : true,//true时显示浏览远程服务器按钮 ;默认值: false
            //将富文本编辑中的内容同步到表单序列化中
            afterBlur:function(){this.sync();}
        });
    });
</script>
</html>